@import "vars";
body{
  font-size: 1.5rem;
}
.content{
   margin-top: 50px;
  min-height: 200px;
}
#header{
  margin-bottom: 0px !important;
  position: fixed;
  top:0;
  width: 100%;
  border-bottom: 0;
  z-index: 100;
}
.am-nav{
  width: 60%;
  text-align: center;
  >li{
    width: 12.5%;
  }
}
.am-topbar-brand{
  margin-left: 50px;
}
.am-topbar{
  background: purple;
  color: #f5dd5d;
  >.am-topbar-brand>a{
     color: #f5dd5d;
  }
  ul.am-nav{
    >li>a{
      color: #f5dd5d;
      &:visited{
        background: $theme-color-secondary;
        color: #f5dd5d;
      }
      &:hover{
        background: $theme-color-secondary;
        color: white;
        &::after{
          border-bottom: 7px solid #f5dd5d;
        }
      }
      &:active{
        background: $theme-color-secondary;
        color: white;
      }
    }
  }

}

.user-welcome{
  display: inline-block;
  font-size: 80%;
  margin-top: 8px;
  padding-top: 8px;
  >a{
    color: white;
    &:hover{
      color: #f5dd5d;
    }
  }
}

.footer{
  color: #777;
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
  background: #555;
  color: #999;

 .foot-item{
   width: 25%;
   min-height: 180px;
   float: left;
   ul{
     padding-left: 0;
     list-style: none;
     >li{
       >a:hover{
         color: $theme-link-color;
       }
     }
   }
 }
   span{
     display: block;
    font-size: 80%;
     width: 100%;
     text-align: center;
  }

}